import React from 'react'
import jsonData from '../../axios/Bulletin.json'

const data = jsonData
export default function Bulletin() {
    return (<div className='Bulletin' style={{ marginBottom: 8 }}>
        <div className="list-group">
            <a href="#" className="list-group-item list-group-item-action active" aria-current="true">
                <div className="d-flex w-100 justify-content-between">
                    <h5 className="mb-1">公告栏</h5>
                </div>
            </a>
            <div className="overflow-auto" style={{ maxHeight: 450 }}>
                {data.list.map(item => {
                    return (<button className="list-group-item list-group-item-action " onClick={() => alert(item.title)} >
                        <div className="d-flex w-100 justify-content-between">
                            <h5 className="mb-1">
                                <span className="d-inline-block text-truncate" style={{ maxWidth: 320 }}> {item.title} </span>
                            </h5>
                        </div>
                    </button>)
                })}
            </div>
        </div>
    </div>
    )
}
